<template>
  <div class="register child-box">
    <div class="item-box">
      <h3 class="title-wid">使用单位信息</h3>
      <div class="page-form my-form my-form-ele-300">
        <el-form :inline="true" :model="form" ref="form" label-width="140px">
          <!-- 选择框 -->
          <el-form-item label="使用单位名称" required>
            <el-input v-model="form.usingName"></el-input>
          </el-form-item>
          <el-form-item label="使用单位代码" required>
            <el-input v-model="form.usingCode"></el-input>
          </el-form-item>
          <el-form-item label="产权单位" required>
            <el-input v-model="form.productedUnit"></el-input>
          </el-form-item>
          <el-form-item label="产权单位代码" required>
            <el-input v-model="form.productedUnitCode"></el-input>
          </el-form-item>
          <el-form-item label="内部编码">
            <el-input v-model="form.usingInnerCode"></el-input>
          </el-form-item>
          <el-form-item label="产权单位地址">
            <el-input v-model="form.productedUnitAddress"></el-input>
          </el-form-item>
          <el-form-item label="使用单位地址">
            <el-input v-model="form.usingUnitAddress"></el-input>
          </el-form-item>
          <el-form-item label="安全管理部门名称">
            <el-input v-model="form.usingSafeDepart"></el-input>
          </el-form-item>
          <el-form-item label="产权管理负责人">
            <el-input v-model="form.productedManagerLeader"></el-input>
          </el-form-item>
          <el-form-item label="产权管理负责人手机">
            <el-input v-model="form.productedManagerLeaderTel"></el-input>
          </el-form-item>
          <el-form-item label="安全管理人员">
            <el-input v-model="form.usingSafeManager"></el-input>
          </el-form-item>
          <el-form-item label="安全管理人员手机">
            <el-input v-model="form.usingSafeManagerTel"></el-input>
          </el-form-item>

        </el-form>
      </div>

    </div>
    <!--downForm start-->
    <div class="item-box">
      <h3 class="title-wid">设备维保信息</h3>
      <!--form start-->
      <div class="page-form my-form my-form-ele-300">
        <el-form :inline="true" :model="form" ref="form" label-width="140px">
          <el-form-item label="电梯投入使用日期" required>
            <el-date-picker v-model="form.usingDate" type="date" placeholder="选择日期"
                            value-format='yyyy-MM-dd HH:mm:ss'></el-date-picker>
          </el-form-item>
          <el-form-item label="维保类型">
            <el-select v-model="form.maintenanceType" placeholder="请选择维保类型">
              <el-option label="原厂维保" value="1"></el-option><!--1-->
              <el-option label="第三方维保" value="2"></el-option><!--2-->
            </el-select>
          </el-form-item>
          <el-form-item label="维保单位名称">
            <el-input v-model="form.maintenanceUnit"></el-input>
          </el-form-item>
          <el-form-item label="维保单位代码">
            <el-input v-model="form.maintenanceUnitCode"></el-input>
          </el-form-item>
          <el-form-item label="维保周期(周)">
            <el-input type="number" v-model="form.maintenanceCycle"></el-input>
          </el-form-item>
          <el-form-item label="资格证书编号">
            <el-input v-model="form.installCertificateNo"></el-input>
          </el-form-item>
          <el-form-item label="大修周期(周)">
            <el-input type="number" v-model="form.maintenanceRepairCycle"></el-input>
          </el-form-item>
          <el-form-item label="维保人员">
            <el-input v-model="form.maintenancePerson"></el-input>
          </el-form-item>
          <el-form-item label="最近一次大修日期">
            <el-date-picker v-model="form.maintenanceRepairDate" type="date" placeholder="选择日期"
                            value-format='yyyy-MM-dd HH:mm:ss'></el-date-picker>
          </el-form-item>
          <el-form-item label="维保联系方式">
            <el-input v-model="form.maintenanceTel"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <!--form end-->
    </div>
    <!--downForm end-->
  </div>
</template>
<style lang="scss" scoped="scoped">
  @import '../../../../style/entry/page/eleAdd.scss';
</style>

<script>
  export default {
    data() {
      return {
        form: {
          usingName: '',                 // 使用单位名称
          productedUnit: '',             // 产权单位
          usingCode: '',                 // 使用单位代码
          productedUnitCode: '',         // 产权单位代码
          usingInnerCode: '',            // 内部编码
          productedUnitAddress: '',      // 产权单位地址
          usingUnitAddress: '',          // 使用单位地址
          productedManagerLeader: '',    // 产权管理负责人
          productedManagerLeaderTel: '', // 管理负责人电话
          usingSafeManager: '',          // 安全管理人员
          installTel: '',                // 联系电话
          usingSafeManagerTel: '',       // 安全管理人员手机
          usingSafeDepart: '',           // 安全管理部门名称
          maintenanceType: '',           // 维保类型
          maintenanceUnit: '',           // 维保单位名称
          usingDate: '',                 // 电梯投入日期
          maintenanceUnitCode: '',       // 维保单位代码
          maintenanceCycle: '',          // 维保周期
          installCertificateNo: '',      // 资格证书编号
          maintenanceRepairCycle: '',    // 大修周期
          maintenancePerson: '',         // 维保人员
          maintenanceRepairDate: '',     // 最近一次大修日期
          maintenanceTel: ''             // 维保联系方式
        },
      }
    },
    props: ['useingMessage'],
    watch: {
      useingMessage(value) {
        this.form = value
      }
    },
    created() {
    },
    mounted() {
      this.sendUseMsgToParent()
    },
    methods: {
      sendUseMsgToParent: function () {
        this.$emit("listenToUseChildEvent", this.form)
      }
    }
  }
</script>


